<script setup>
import CommonAside from "@/components/CommonAside.vue";
import CommonHeader from "@/components/CommonHeader.vue";
import CommonTab from "@/components/CommonTab.vue";
</script>

<template>
  <div class="common-layout">
    <el-container class="lay-container">
<!--      菜单栏-->
      <CommonAside></CommonAside>
      <el-container>
<!--        请求头-->
        <el-header class="el-header">
          <CommonHeader></CommonHeader>
        </el-header>
          <CommonTab></CommonTab>
        <el-container>
<!--          主题-->
          <el-main class="right-main">
            <router-view></router-view>
          </el-main>
<!--          底部-->
          <el-footer class="right-footer" >
             <h2 style="text-align: center;color: #f9f9f9;margin-top: 20px" > 小张 </h2>
          </el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<style scoped>
.common-layout,.lay-container{
  height: 100%;
}
.el-header{
  background-color: #333;
}
.right-footer{
  background-color: #333;
}
</style>
